<template>
  <div class="flash-sale">
    <div class="box-hd">
      <h2>小米秒杀</h2>

    </div>
    <div class="row">
      <HomeMainFlashsaleCountdown></HomeMainFlashsaleCountdown>
      <HomeMainFlashsaleSwiper></HomeMainFlashsaleSwiper>
    </div>

  </div>
</template>

<script>
import HomeMainFlashsaleCountdown from "../HomeMainFlashsaleCountdown/HomeMainFlashsaleCountdown";
import HomeMainFlashsaleSwiper from "../HomeMainFlashsaleSwiper/HomeMainFlashsaleSwiper";
export default {
  name: "HomeMainFlashsale",
  components:{
    HomeMainFlashsaleCountdown,
    HomeMainFlashsaleSwiper
  }
}
</script>

<style scoped lang="scss">
.flash-sale {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 398px;
  position: relative;
  .box-hd {
    height: 58px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;

    h2 {
      font-size: 22px;
      font-weight: lighter;
    }


  }

  .row {
    height: 340px;
    width: 100%;
    display: flex;
    justify-content: space-between;


  }

}
</style>